<!-- navigator -->
<div id ="navigator">
    <div class="wrapper1">
        <div class="wrapper"  style="width:1090px;">
            <div class="nav-wrapper">
                <div class="nav-left"></div>
                <div class="nav">
                    <ul id="navigation" style="width:973px";>

                        <li class="#">
                            <a href="../index.php" target="_self">
                                <span class="menu-left"></span>
                                <span class="menu-mid">Home</span>
                                <span class="menu-right"></span>
                            </a>
                        </li>

                        <li class="#">
                            <a href="#" target="_self">
                                <span class="menu-left"></span>
                                <span class="menu-mid">Tutorial</span>
                                <span class="menu-right"></span>
                            </a>
                            <div class="sub">
                                <ul>
                                    <li>
                                        <a href="#" target="_self">Java</a>
                                    </li>
                                    <li>
                                        <a href="#" target="_self">PHP</a>
                                    </li>
                                    <li>
                                        <a href="#" target="_self">JSP</a>
                                    </li>
                                    <li>
                                        <a href="#" target="_self">JavaScript</a>
                                    </li>
                                    <li>
                                        <a href="#" target="_self">SQL Basic</a>
                                    </li>
                                </ul>
                        </li>

                        <li class="#">
                            <a href="../article.php" target="_self">
                                <span class="menu-left"></span>
                                <span class="menu-mid">Article</span>
                                <span class="menu-right"></span>
                            </a>
                        </li>

                        <li class="#">
                            <a href="../helloworld.php" target="_self">
                                <span class="menu-left"></span>
                                <span class="menu-mid">Hello Wrold</span>
                                <span class="menu-right"></span>
                            </a>
                        </li>

                        <li class="#">
                            <a href="../contact.php" target="_self">
                                <span class="menu-left"></span>
                                <span class="menu-mid">Contact</span>
                                <span class="menu-right"></span>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="nav-right"></div>
                <br><br>
            </div>
        </div>
    </div>
</div><!-- end navigator -->